Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS

モバイル
youtube
Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS Learn to code a mobile responsive personal portfolio website using Next.js, Three.js & Tailwind CSS. Course developed by @CodeBucks 🔗 Demo Link: 💻 Starter Code: 💻 Final Code: ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro + Demo ⌨️ (0:06:02) Setup and Installation ⌨️ (0:08:11) Layout.js file and Tailwind config ⌨️ (0:11:53) Home page ⌨️ (0:13:21) Generate Images using Playground AI ⌨️ (0:16:56) 3D model configuration and Rendering ⌨️ (0:37:13) Navigation buttons ⌨️ (1:07:53) Creating background firefly effect ⌨️ (1:20:07) Projects page ⌨️ (1:32:46) Subpages layout ⌨️ (1:40:08) About page ⌨️ (1:55:48) Github stats & Skill icons ⌨️ (2:10:48) Contact page ⌨️ (2:20:06) Using Emailjs ⌨️ (2:35:27) Show toast messages ⌨️ (2:41:23) Mobile responsive ⌨️ (3:10:16) Adding animations using framer-motion ⌨️ (3:23:57) Adding music ⌨️ (3:49:21) Optimizing Images and performance 🎉 Thanks to our Champion and Sponsor supporters: 👾 Drake Milly 👾 Ulises Moralez 👾 Goddard Tan 👾 David MG 👾 Matthew Springman 👾 Claudio 👾 Oscar R. 👾 jedi-or-sith 👾 Nattira Maneerat 👾 Justin Hual -- Learn to code for free and get a developer job: Read hundreds of articles on programming:
  2024/10/03      youtube

関連するプログラミング動画 [mobile]

Our Tag

最近投稿されたプログラミング学習動画

ローカルLLMを活用して無料で音声入力できるアプリを個人開発します!AIでアプリ開発をフルで実演します

本日は音声入力ソフト自作してみたについてお話させて頂きました! ぜひご視聴くださ...

  2026/07/26

Your LLM's Effective Context Window

python

Download your free Python Cheat Sheet he...

  2026/07/25

Reduce Project Risk by Testing Your Linchpins First

python

Download your free Python Cheat Sheet he...

  2026/07/24

Configuring a Versatile LLM Harness & Scraping the Web With Scrapy |

python

Which is more important, the model or th...

  2026/07/24

My biggest announcement ever

Check out the platform here: Use promo...

  2026/07/24

From Medical Devices to AI DevOps Engineer! 🤯💻

Devops

Think it's too late to change careers in...

  2026/07/24

Codexを使ったAI秘書の活用法を徹底解説!誰でも簡単にセットアップしてCodex秘書を使えるようになります!

本日はCodex秘書についてお話させて頂きました! ぜひご視聴ください! 🧑...

  2026/07/24

Getting Started with Google CoLab | How to use Google Colab

Google

# Getting Started with Google Colab | Ho...

  2026/07/23

Small, Specialized Open Source AI Models

python

Download your free Python Cheat Sheet he...

  2026/07/23

Exploring Python's Built-in Functions: Math-Related Built-Ins & String

python

Download your free Python Cheat Sheet he...

  2026/07/23

GLM 5.2 in Claude Code is Blowing My Mind

Use the Zapier MCP server to connect to ...

  2026/07/23

CI/CD Explained in 5 Minutes

📋 👇 𝗙𝗿𝗲𝗲 𝗖𝗜/𝗖𝗗 𝗖𝗵𝗲𝗰𝗸𝗹𝗶𝘀𝘁 — 𝗬𝗼𝘂𝗿 𝗖𝗼𝗺𝗽𝗹𝗲𝘁𝗲...

  2026/07/23

RAG Explained The Most In Demand Pattern in AI Engineering

RAG, or retrieval augmented generation, ...

  2026/07/23

Amazon RDS Proxy 運用実践編

Amazon

本動画の資料はこちら Amazon RDS Proxy は、Amazon A...

  2026/07/23

AWS Backup で考える DR 戦略#3 AWS Organizations 活用編

Amazon

本動画の資料はこちら AWS Backup は、AWS サービス全体のデータ...

  2026/07/23

Amazon Bedrock AgentCore runtime Dive Deep

Amazon

本動画の資料はこちら 【動画の対象者】 ・これから Bedrock Agen...

  2026/07/23